/* src/assets/styles.css */

/* CSS Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 全局 CSS 变量 */
:root {
    --primary-color: #2c3e50;
    --secondary-color: #1abc9c;
    --text-color: #34495e;
    --background-color: #f5f7fa;
    --card-background: rgba(65, 121, 50, 0.1);
    --font-size-base: 16px;
    --font-size-large: 24px;
    --font-size-small: 14px;
    --spacing-base: 16px;
    --spacing-small: 8px;
    --spacing-large: 24px;
    --border-radius: 8px;
    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --purple-color: #6f42c1;
    --purple-hover: #5936a3;
    --header-height: 60px;
    --sidebar-width: 250px;
    --sidebar-collapsed-width: 80px;
    /*--primary-color: #2c3e50;*/
    /*--secondary-color: #34495e;*/
    /*--background-color: #f5f7fa;*/
    /*--card-background: #ffffff;*/
    /*--spacing-small: 8px;*/
    /*--spacing-base: 16px;*/
    /*--spacing-large: 24px;*/
    /*--border-radius: 8px;*/
    /*--font-size-small: 14px;*/
    /*--font-size-base: 16px;*/
    /*--font-size-large: 20px;*/
    /*--box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
    --transition-speed: 0.3s;

        /*--primary-color: #409EFF;*/
        /*--secondary-color: #67C23A;*/
        /*--font-size-large: 18px;*/
        /*--font-size-base: 16px;*/
        /*--border-radius: 4px;*/
        /*--spacing-small: 8px;*/
        /*--spacing-base: 12px;*/
        /*--box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);*/


}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--background-color);
    color: var(--text-color);
    margin: 0;
    padding: 0;
    font-size: var(--font-size-base);
    line-height: 1.6;
}

/* 全局字体样式 */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
    margin-bottom: var(--spacing-small);
}

p {
    margin-bottom: var(--spacing-small);
}

/* 链接样式 */
a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover {
    color: var(--secondary-color);
}
